APP调用第三方(微信)登录（最详细的实现流程）

#APP调用第三方(微信)登录（最详细的实现流程）| 来源: 网络整理| 查看: 265

最近使用weexplus做了个app 用户需要的是可以使用第三方微信实现登录（虽然网上有很多相关的什么申请开发者账户、appid、openid等资料；但是都是讲的中间的那一部分请原谅我是个菜鸟，脑补开始和结局那是十分的痛苦的,让人看了云里雾里的。）；于是我就去weexplus 官网了,发现还整有个wechat插件。于是直接就整合到应用里去了。接下来就开始了我的一路填坑之旅了…

一、插件不可用

weexplus 微信插件 https://weexplus.github.io/doc/mo-kuai/wechat.html

var wechat=weex.requireModule('wechat') var appId="" wechat.regist(appId)

当我吧这个代码拷到应用中,应用启动直接就这个样子了在这里插入图片描述

最后发现是没有重新打包安装apk（同cordova 一样你新增了plugin就必须重新打包安装app否则插件将无法在设备上调用）

二、调用微信登录 onResp 无响应 1、没有登录情况

在没有登录的情况可以调用到微信的登录窗口，如下

WechatModule源码

调用时

调用微信登录窗口

然而在微信处于登录状态的时候调用就没有了反应（为什么始终不走onResp回调呢？一直无法得到微信返回的数据）！在这里插入图片描述

三、进行开发者资质认证和移动应用的创建

找了半天才明白，没有去微信.开放平台 https://open.weixin.qq.com 进行开发者资质认证和移动应用的创建；只有这样才能拥有（使用微信帐号登录App或者网站）的能力；如下来至官网截图：在这里插入图片描述

1、开发者资质认证

开发者资质认证

填写企业资料 2、移动应用申请

创建自己的应用

用于android平台

等待审核

其中引用申请中，app签名要注意，需要安装 Gen_Signature_Android2.apk 网盘下载地址https://pan.baidu.com/s/1MY8g0k29GqWWmsY1z9ZZ4w 提取码 jc8e

输入你的app 包名点击 Get Signature 获取签名

将签名填入四、调用微信进行登录 1、应用审核通过，获取appid和 appSecret

在这里插入图片描述

2、开通微信账号登录app或网址

在这里插入图片描述

3、注册wechat实例 var wechat=weex.requireModule('wechat') var appId="" wechat.regist(appId)

最终java中调用的是这个(这个我们不用管，插件自己搞定)

@JSMethod public void regist(String appId) { wxApi = WXAPIFactory.createWXAPI(WeexApplication.getInstance(), appId, true); wxApi.registerApp(appId); }

最终ios中调用的是这个(这个我们不用管，插件自己搞定)

-(void)regist:(NSString*)appId { [WXApi registerApp:appId enableMTA:YES]; } 4、设置scope参数 var wechat=weex.requireModule('wechat') var p={} p.state = "snsapi_userinfo"; p.scope = "wechat_sdk_demo_test"; wechat.login(p,(res)=>{ if(res.errCode==0) { //success var code=res.authCode; //do something } })

最终java中调用的是这个(这个我们不用管，插件自己搞定)

@JSMethod public void login(final Map param, JSCallback callback) { if(wxApi==null) { Toast.makeText(getContext(),"请先调用regist方法注册appId!",Toast.LENGTH_SHORT).show(); return; } if(!wxApi.isWXAppInstalled()) { Toast.makeText(getContext(),"未安装微信!",Toast.LENGTH_SHORT).show(); return; } WechatEntryActivity.callback=callback; getActivity().runOnUiThread(new Runnable() { @Override public void run() { final SendAuth.Req req = new SendAuth.Req(); req.scope = param.get("scope")+""; req.state = param.get("state")+""; boolean requestres = wxApi.sendReq(req); Toast.makeText(getContext(),"调用结果:"+requestres,Toast.LENGTH_SHORT).show(); } }); }

最终ios中调用的是这个(这个我们不用管，插件自己搞定)

-(void)login:(NSDictionary*)param callback:(WXModuleKeepAliveCallback)callback { WXApiManager.sharedManager.loginCallback=callback; SendAuthReq *req=[SendAuthReq yy_modelWithDictionary:param]; [WXApi sendAuthReq:req viewController:weexInstance.viewController delegate:[WXApiManager sharedManager]]; } 5、只要上面步骤都完成后，就可以成功调用到微信的登录授权页面了，如下实例

在这里插入图片描述

【本文地址】

公司简介

联系我们